<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%
    String path = request.getContextPath();
			String basePath = request.getScheme() + "://"
					+ request.getServerName() + ":" + request.getServerPort()
					+ path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
<base href="<%=basePath%>">
<!-- jsp文件头和头部 -->
<%@ include file="../../system/main/main_top.jsp"%>

<link rel="stylesheet" media="screen" type="text/css"
	href="static/select2-js/select2.css" />
<style media="print" type="text/css">
.Noprint {
	display: none;
}
</style>
</head>
<body>
	<div class="container-fluid" id="main-container">
		<div id="breadcrumbs">
			<ul class="breadcrumb">
				<li><i class="icon-home"></i> <a>统计报表</a> <span class="divider">
						<i class="icon-angle-right"></i>
				</span></li>
				<li class="active">未扫码入桌统计</li>
			</ul>
			<!--.breadcrumb-->
		</div>
		<div id="page-content" class="clearfix">
			<div class="row-fluid">
				<div class="row-fluid">
					<!-- 检索  -->
					<form action="scanAnalysis/noScanAnalysis.do"
						method="post" name="Form" id="Form">
						<input type="hidden" name="organ_id" id="organ_id"
							value="${pageData.organ_id }" />
						<table class="Noprint">
							<tr>
								<td><input class="span10 date-picker" id="queryDate"
									name="queryDate" value="${pageData.queryDate}" type="text"
									data-date-format="yyyy-mm-dd" readonly="readonly"
									style="width: 120px;" placeholder="查询日期" /></td>
								<td style="vertical-align: top;"><a
									class="btn btn-mini btn-light" onclick="searchStatement();"
									title="查询"><i id="nav-search-icon" class="icon-search"></i>查询</a></td>
								<td style="vertical-align: top;"><a
									class="btn btn-mini btn-light" onclick="clearCondition();"
									title="清空查询条件"><i id="nav-search-icon"></i>清空查询条件</a></td>
								<td style="vertical-align:top;"><a class="btn btn-mini btn-light" onclick="exportExcel();" title="导出到EXCEL"><i id="nav-search-icon" class="icon-download-alt"></i></a></td>
							</tr>
						</table>
						<!-- 检索  -->
						<div class="Noprint">
							<i class="icon-circle green"></i>温馨提示：<strong>默认显示当天统计的数据</strong>
						</div>
						<table id="table_report" class="table table-striped table-bordered table-hover" style="margin-top: 10px;">
							<thead>
								<tr><th colspan="4" class="center">未扫码入桌统计</th></tr>
								<tr>
									<th>用户昵称</th>
									<th>电话号码</th>
									<th>注册时间</th>
								</tr>
							</thead>
													
							<tbody>
							<!-- 开始循环 -->	
							<c:choose>
								<c:when test="${not empty noScanAnalysisPageDataList}">
									<c:forEach items="${noScanAnalysisPageDataList}" var="var" varStatus="vs">
										<tr>
												<td>
													${var.username}
												</td>
												<td>
													${var.mobile}
												</td>
												<td>${var.create_date}</td>
										</tr>
									</c:forEach>
									<!-- 
									<tr>
										<td colspan="100" class="center">您无权查看</td>
									</tr>
									 -->
								</c:when>
								<c:otherwise>
									<tr class="main_info">
										<td colspan="100" class="center" >没有相关数据</td>
									</tr>
								</c:otherwise>
							</c:choose>
							</tbody>
						</table>
					</form>
				</div>
				<div class="center">
					<a class="btn btn-primary Noprint" onclick="window.print()">打印</a>
				</div>
				<!-- PAGE CONTENT ENDS HERE -->
			</div>
			<!--/row-->

		</div>
		<!--/#page-content-->
	</div>
	<!--/.fluid-container#main-container-->

	<!-- 返回顶部  -->
	<a href="#" id="btn-scroll-up" class="btn btn-small btn-inverse"> <i
		class="icon-double-angle-up icon-only"></i>
	</a>

	<!-- 引入 -->
	<script type="text/javascript">window.jQuery || document.write("<script src='static/js/jquery-1.9.1.min.js'>\x3C/script>");</script>
	<script type="text/javascript" src="static/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="static/js/ace-elements.min.js"></script>
	<script type="text/javascript" src="static/js/ace.min.js"></script>
	<script type="text/javascript" src="static/js/chosen.jquery.min.js"></script>
	<!-- 下拉框 -->
	<script type="text/javascript"
		src="static/js/bootstrap-datepicker.min.js"></script>
	<!-- 日期框 -->
	<!-- 引入 -->

	<script type="text/javascript">
		$(top.hangge());
		
		//检索
		function searchStatement(){
			$("#Form").submit();
		}
		
		function clearCondition(){
			$("#queryDate").val("");
		}
		</script>

	<script type="text/javascript">
		$(function() {
			//单选框
			$(".chzn-select").chosen(); 
			$(".chzn-select-deselect").chosen({allow_single_deselect:true}); 
			//日期框
			$('.date-picker').datepicker();
		});
		
		function exportExcel(){
			var queryDate = $("#queryDate").val();  
			window.location.href='<%=basePath%>/scanAnalysis/exportExcelNoScan.do?queryDate='+ queryDate;
		}
	</script>
</body>
</html>

